<template>
  <div>
      <button @click="getSaveParam" >获取相位参数信息</button><br/>
      <div class="layout-container2">
        <PatternConfig
          :agentids="agentids4"
          :opt="opt4"
          :isAllowedExpand="isAllowedExpand"
          :isOnlyOneTab="isOnlyOneTab"
          :isShowSingle="isShowSingle"
          ref="patternConfig"
        >
        </PatternConfig>
    </div>
  </div>
</template>
<script>
import {
  setToken
} from '../utils/auth'
export default {
  name: 'PatternConfigTest',
  data () {
    return {
      isShowSingle: false,
      isOnlyOneTab: false,
      isAllowedExpand: false,
      // agentids: ['gjnlgjxl'],
      agentids4: [
        'tjblxyl',
        'jmlfql',
        'tjbllyl',
        'tjblfql',
        'jmlytl',
        'tjbljml',
        'gjnljml',
        'gjnlahql',
        'tjblgjxl',
        'gjnlgjxl',
        'tjblsxl'
      ],
      opt4: {
        optPatternList: [
          {
            name: '方案111',
            devs: [
              {
                agentid: 'tjblgjxl',
                patternid: 1,
                isused: true
              },
              {
                agentid: 'gjnlahql',
                patternid: 1,
                isused: true
              },
              {
                agentid: 'gjnljml',
                patternid: 1,
                isused: true
              },
              {
                agentid: 'tjblxyl',
                patternid: 1,
                isused: false
              },
              {
                agentid: 'jmlfql',
                patternid: 1,
                isused: false
              },
              {
                agentid: 'tjbllyl',
                patternid: 1,
                isused: false
              },
              {
                agentid: 'tjblfql',
                patternid: 1,
                isused: false
              },
              {
                agentid: 'jmlytl',
                patternid: 1,
                isused: false
              },
              {
                agentid: 'tjbljml',
                patternid: 1,
                isused: false
              },
              {
                agentid: 'gjnlgjxl',
                patternid: 1,
                isused: false
              },
              {
                agentid: 'tjblsxl',
                patternid: 1,
                isused: false
              }
            ]
          }
        ]
      },
      agentids3: ['gjnlahql', 'xylsnl', 'cslyll'],
      // agentids2: ['15001', '15001', '15003', '15004', '15005'],
      roadDirection: 'right',
      // reqUrl: 'http://192.168.13.103:10003/openatc',
      agentId: '12008_835',
      // agentId: '0351-01',
      reqUrl: 'http://192.168.13.103:10003/openatc',
      Token: 'eyJraWQiOiIxNzAwMjAwNDQ4MTA0IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTc2NzExMDQwMCwiaWF0IjoxNjk5Mjg2NDAwfQ.AyVJCGmVQVafdWBDQ7TMhVQ5Dvjy13NeuQ8rimTPgtc',
      // reqUrl: 'http://192.168.13.113:10003/openatc',
      // Token: 'eyJraWQiOiIxNjkxMzcxMTc5ODcxIiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJhZG1pbiIsImV4cCI6MTcxNDE0NzIwMCwiaWF0IjoxNjkwODE5MjAwfQ.AhUj9taw4_IpP77AmP5bvCE87dDQ4-ZdsEJzrlWXKF8',
      // agentId: '30003-352',
      // reqUrl: 'https://kints-dev.devdolphin.com/openatc',
      // Token: 'eyJraWQiOiIxNjUwNTA5MDI2ODk2IiwidHlwIjoiSldUIiwiYWxnIjoiSFMyNTYifQ.eyJzdWIiOiJ4aWFvbWluZyIsImV4cCI6MTczNjkwOTAyNiwiaWF0IjoxNjUwNTA5MDI2fQ.-s4T-uMRmB2zf9yer87USKQXLY1a12Zq5lCOnqjNmfA',
      boxVisible: false,
      opt3: {
        'optPatternList': [
          {
            'name': '杰斯安的房间里 1',
            'devs': [
              {
                'agentid': 'gjnlahql',
                'patternid': 1,
                'isused': true
              },
              {
                'agentid': 'xylsnl',
                'patternid': 1,
                'isused': true
              },
              {
                'agentid': 'cslyll',
                'patternid': 2,
                'isused': false
              }
            ]
          }
        ]
      },
      agentids: ['gjnlgjxl'],
      opt: {
        'optPatternList': [
          {
            'id': 1,
            'name': 'dsfasdfdsf',
            'tabName': '1',
            'devs': [
              {
                'agentid': 'gjnlgjxl',
                'patternid': 2,
                'isused': true,
                'desc': '方案1',
                'id': 1,
                'offset': 0,
                'cycle': 132,
                'patternId': 2,
                'patternDesc': '方案1',
                'feature': {
                  'patternList': [
                    {
                      'patternid': 1,
                      'patterndes': '方案1',
                      'patterndesc': '方案1',
                      'id': 1,
                      'desc': '方案1',
                      'offset': 0,
                      'cycle': 132,
                      'rings': [
                        [
                          {
                            'id': 1,
                            'value': 45,
                            'mode': 2,
                            'desc': [
                              {
                                'id': 1
                              }
                            ]
                          },
                          {
                            'id': 3,
                            'value': 25,
                            'mode': 2,
                            'desc': [
                              {
                                'id': 2
                              },
                              {
                                'id': 4
                              }
                            ]
                          },
                          {
                            'id': 5,
                            'value': 26,
                            'mode': 2,
                            'desc': [

                            ]
                          },
                          {
                            'id': 6,
                            'value': 36,
                            'mode': 2,
                            'desc': [
                              {
                                'id': 10
                              }
                            ]
                          }
                        ],
                        [
                          {
                            'id': 2,
                            'value': 45,
                            'mode': 2,
                            'desc': [
                              {
                                'id': 5
                              }
                            ]
                          },
                          {
                            'id': 4,
                            'value': 51,
                            'mode': 2,
                            'desc': [
                              {
                                'id': 6
                              }
                            ]
                          },
                          {
                            'id': 7,
                            'value': 36,
                            'mode': 2,
                            'desc': [

                            ]
                          }
                        ],
                        [

                        ],
                        [

                        ]
                      ],
                      'stagesList': [
                        {
                          'split': 45,
                          'stages': [
                            1,
                            2
                          ]
                        },
                        {
                          'split': 25,
                          'stages': [
                            3,
                            4
                          ]
                        },
                        {
                          'split': 26,
                          'stages': [
                            5,
                            4
                          ]
                        },
                        {
                          'split': 36,
                          'stages': [
                            6,
                            7
                          ]
                        }
                      ],
                      'stages': [
                        [
                          1,
                          2
                        ],
                        [
                          3,
                          4
                        ],
                        [
                          5,
                          4
                        ],
                        [
                          6,
                          7
                        ]
                      ],
                      'barriers': [
                        {
                          'barrier': 1,
                          'length': 45,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                2
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                1
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 2,
                          'length': 51,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                4
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                3,
                                5
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 3,
                          'length': 36,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                7
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                6
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      'patternid': 2,
                      'patterndes': '方案2',
                      'patterndesc': '方案2',
                      'id': 2,
                      'desc': '方案2',
                      'offset': 0,
                      'cycle': 176,
                      'rings': [
                        [
                          {
                            'id': 1,
                            'value': 70,
                            'mode': 2
                          },
                          {
                            'id': 3,
                            'value': 25,
                            'mode': 2
                          },
                          {
                            'id': 5,
                            'value': 35,
                            'mode': 2
                          },
                          {
                            'id': 6,
                            'value': 46,
                            'mode': 2
                          }
                        ],
                        [
                          {
                            'id': 2,
                            'value': 70,
                            'mode': 2
                          },
                          {
                            'id': 4,
                            'value': 60,
                            'mode': 2
                          },
                          {
                            'id': 7,
                            'value': 46,
                            'mode': 2
                          }
                        ],
                        [

                        ],
                        [

                        ]
                      ],
                      'stagesList': [
                        {
                          'split': 70,
                          'stages': [
                            1,
                            2
                          ]
                        },
                        {
                          'split': 25,
                          'stages': [
                            3,
                            4
                          ]
                        },
                        {
                          'split': 35,
                          'stages': [
                            5,
                            4
                          ]
                        },
                        {
                          'split': 46,
                          'stages': [
                            6,
                            7
                          ]
                        }
                      ],
                      'stages': [
                        [
                          1,
                          2
                        ],
                        [
                          3,
                          4
                        ],
                        [
                          5,
                          4
                        ],
                        [
                          6,
                          7
                        ]
                      ],
                      'barriers': [
                        {
                          'barrier': 1,
                          'length': 70,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                2
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                1
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 2,
                          'length': 60,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                4
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                3,
                                5
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 3,
                          'length': 46,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                7
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                6
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      'patternid': 3,
                      'patterndes': '方案3',
                      'patterndesc': '方案3',
                      'id': 3,
                      'desc': '方案3',
                      'offset': 0,
                      'cycle': 140,
                      'rings': [
                        [
                          {
                            'id': 1,
                            'value': 52,
                            'mode': 2
                          },
                          {
                            'id': 3,
                            'value': 21,
                            'mode': 2
                          },
                          {
                            'id': 5,
                            'value': 28,
                            'mode': 2
                          },
                          {
                            'id': 6,
                            'value': 39,
                            'mode': 2
                          }
                        ],
                        [
                          {
                            'id': 2,
                            'value': 52,
                            'mode': 2
                          },
                          {
                            'id': 4,
                            'value': 49,
                            'mode': 2
                          },
                          {
                            'id': 7,
                            'value': 39,
                            'mode': 2
                          }
                        ],
                        [

                        ],
                        [

                        ]
                      ],
                      'stagesList': [
                        {
                          'split': 52,
                          'stages': [
                            1,
                            2
                          ]
                        },
                        {
                          'split': 21,
                          'stages': [
                            3,
                            4
                          ]
                        },
                        {
                          'split': 28,
                          'stages': [
                            5,
                            4
                          ]
                        },
                        {
                          'split': 39,
                          'stages': [
                            6,
                            7
                          ]
                        }
                      ],
                      'stages': [
                        [
                          1,
                          2
                        ],
                        [
                          3,
                          4
                        ],
                        [
                          5,
                          4
                        ],
                        [
                          6,
                          7
                        ]
                      ],
                      'barriers': [
                        {
                          'barrier': 1,
                          'length': 52,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                2
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                1
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 2,
                          'length': 49,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                4
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                3,
                                5
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 3,
                          'length': 39,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                7
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                6
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      'patternid': 4,
                      'patterndes': '方案4',
                      'patterndesc': '方案4',
                      'id': 4,
                      'desc': '方案4',
                      'offset': 0,
                      'cycle': 150,
                      'rings': [
                        [
                          {
                            'id': 1,
                            'value': 56,
                            'mode': 2
                          },
                          {
                            'id': 3,
                            'value': 23,
                            'mode': 2
                          },
                          {
                            'id': 5,
                            'value': 30,
                            'mode': 2
                          },
                          {
                            'id': 6,
                            'value': 41,
                            'mode': 2
                          }
                        ],
                        [
                          {
                            'id': 2,
                            'value': 56,
                            'mode': 2
                          },
                          {
                            'id': 4,
                            'value': 53,
                            'mode': 2
                          },
                          {
                            'id': 7,
                            'value': 41,
                            'mode': 2
                          }
                        ],
                        [

                        ],
                        [

                        ]
                      ],
                      'stagesList': [
                        {
                          'split': 56,
                          'stages': [
                            1,
                            2
                          ]
                        },
                        {
                          'split': 23,
                          'stages': [
                            3,
                            4
                          ]
                        },
                        {
                          'split': 30,
                          'stages': [
                            5,
                            4
                          ]
                        },
                        {
                          'split': 41,
                          'stages': [
                            6,
                            7
                          ]
                        }
                      ],
                      'stages': [
                        [
                          1,
                          2
                        ],
                        [
                          3,
                          4
                        ],
                        [
                          5,
                          4
                        ],
                        [
                          6,
                          7
                        ]
                      ],
                      'barriers': [
                        {
                          'barrier': 1,
                          'length': 56,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                2
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                1
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 2,
                          'length': 53,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                4
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                3,
                                5
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 3,
                          'length': 41,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                7
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                6
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      'patternid': 5,
                      'patterndes': '方案5',
                      'patterndesc': '方案5',
                      'id': 5,
                      'desc': '方案5',
                      'offset': 0,
                      'cycle': 176,
                      'rings': [
                        [
                          {
                            'id': 1,
                            'value': 70,
                            'mode': 2
                          },
                          {
                            'id': 3,
                            'value': 25,
                            'mode': 2
                          },
                          {
                            'id': 5,
                            'value': 35,
                            'mode': 2
                          },
                          {
                            'id': 6,
                            'value': 46,
                            'mode': 2
                          }
                        ],
                        [
                          {
                            'id': 2,
                            'value': 70,
                            'mode': 2
                          },
                          {
                            'id': 4,
                            'value': 60,
                            'mode': 2
                          },
                          {
                            'id': 7,
                            'value': 46,
                            'mode': 2
                          }
                        ],
                        [

                        ],
                        [

                        ]
                      ],
                      'stagesList': [
                        {
                          'split': 70,
                          'stages': [
                            1,
                            2
                          ]
                        },
                        {
                          'split': 25,
                          'stages': [
                            3,
                            4
                          ]
                        },
                        {
                          'split': 35,
                          'stages': [
                            5,
                            4
                          ]
                        },
                        {
                          'split': 46,
                          'stages': [
                            6,
                            7
                          ]
                        }
                      ],
                      'stages': [
                        [
                          1,
                          2
                        ],
                        [
                          3,
                          4
                        ],
                        [
                          5,
                          4
                        ],
                        [
                          6,
                          7
                        ]
                      ],
                      'barriers': [
                        {
                          'barrier': 1,
                          'length': 70,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                2
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                1
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 2,
                          'length': 60,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                4
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                3,
                                5
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 3,
                          'length': 46,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                7
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                6
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      'patternid': 6,
                      'patterndes': '方案6',
                      'patterndesc': '方案6',
                      'id': 6,
                      'desc': '方案6',
                      'offset': 0,
                      'cycle': 145,
                      'rings': [
                        [
                          {
                            'id': 1,
                            'value': 54,
                            'mode': 2
                          },
                          {
                            'id': 3,
                            'value': 17,
                            'mode': 2
                          },
                          {
                            'id': 5,
                            'value': 26,
                            'mode': 2
                          },
                          {
                            'id': 6,
                            'value': 48,
                            'mode': 2
                          }
                        ],
                        [
                          {
                            'id': 2,
                            'value': 54,
                            'mode': 2
                          },
                          {
                            'id': 4,
                            'value': 43,
                            'mode': 2
                          },
                          {
                            'id': 7,
                            'value': 48,
                            'mode': 2
                          }
                        ],
                        [

                        ],
                        [

                        ]
                      ],
                      'stagesList': [
                        {
                          'split': 54,
                          'stages': [
                            1,
                            2
                          ]
                        },
                        {
                          'split': 17,
                          'stages': [
                            3,
                            4
                          ]
                        },
                        {
                          'split': 26,
                          'stages': [
                            5,
                            4
                          ]
                        },
                        {
                          'split': 48,
                          'stages': [
                            6,
                            7
                          ]
                        }
                      ],
                      'stages': [
                        [
                          1,
                          2
                        ],
                        [
                          3,
                          4
                        ],
                        [
                          5,
                          4
                        ],
                        [
                          6,
                          7
                        ]
                      ],
                      'barriers': [
                        {
                          'barrier': 1,
                          'length': 54,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                2
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                1
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 2,
                          'length': 43,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                4
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                3,
                                5
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 3,
                          'length': 48,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                7
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                6
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      'patternid': 7,
                      'patterndes': '方案7',
                      'patterndesc': '方案7',
                      'id': 7,
                      'desc': '方案7',
                      'offset': 0,
                      'cycle': 132,
                      'rings': [
                        [
                          {
                            'id': 1,
                            'value': 45,
                            'mode': 2
                          },
                          {
                            'id': 3,
                            'value': 25,
                            'mode': 2
                          },
                          {
                            'id': 5,
                            'value': 26,
                            'mode': 2
                          },
                          {
                            'id': 6,
                            'value': 36,
                            'mode': 2
                          }
                        ],
                        [
                          {
                            'id': 2,
                            'value': 45,
                            'mode': 2
                          },
                          {
                            'id': 4,
                            'value': 51,
                            'mode': 2
                          },
                          {
                            'id': 7,
                            'value': 36,
                            'mode': 2
                          }
                        ],
                        [

                        ],
                        [

                        ]
                      ],
                      'stagesList': [
                        {
                          'split': 45,
                          'stages': [
                            1,
                            2
                          ]
                        },
                        {
                          'split': 25,
                          'stages': [
                            3,
                            4
                          ]
                        },
                        {
                          'split': 26,
                          'stages': [
                            5,
                            4
                          ]
                        },
                        {
                          'split': 36,
                          'stages': [
                            6,
                            7
                          ]
                        }
                      ],
                      'stages': [
                        [
                          1,
                          2
                        ],
                        [
                          3,
                          4
                        ],
                        [
                          5,
                          4
                        ],
                        [
                          6,
                          7
                        ]
                      ],
                      'barriers': [
                        {
                          'barrier': 1,
                          'length': 45,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                2
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                1
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 2,
                          'length': 51,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                4
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                3,
                                5
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 3,
                          'length': 36,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                7
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                6
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      'patternid': 8,
                      'patterndes': '方案8',
                      'patterndesc': '方案8',
                      'id': 8,
                      'desc': '方案8',
                      'offset': 0,
                      'cycle': 120,
                      'rings': [
                        [
                          {
                            'id': 1,
                            'value': 46,
                            'mode': 2
                          },
                          {
                            'id': 3,
                            'value': 14,
                            'mode': 2
                          },
                          {
                            'id': 5,
                            'value': 26,
                            'mode': 2
                          },
                          {
                            'id': 6,
                            'value': 34,
                            'mode': 2
                          }
                        ],
                        [
                          {
                            'id': 2,
                            'value': 46,
                            'mode': 2
                          },
                          {
                            'id': 4,
                            'value': 40,
                            'mode': 2
                          },
                          {
                            'id': 7,
                            'value': 34,
                            'mode': 2
                          }
                        ],
                        [

                        ],
                        [

                        ]
                      ],
                      'stagesList': [
                        {
                          'split': 46,
                          'stages': [
                            1,
                            2
                          ]
                        },
                        {
                          'split': 14,
                          'stages': [
                            3,
                            4
                          ]
                        },
                        {
                          'split': 26,
                          'stages': [
                            5,
                            4
                          ]
                        },
                        {
                          'split': 34,
                          'stages': [
                            6,
                            7
                          ]
                        }
                      ],
                      'stages': [
                        [
                          1,
                          2
                        ],
                        [
                          3,
                          4
                        ],
                        [
                          5,
                          4
                        ],
                        [
                          6,
                          7
                        ]
                      ],
                      'barriers': [
                        {
                          'barrier': 1,
                          'length': 46,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                2
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                1
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 2,
                          'length': 40,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                4
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                3,
                                5
                              ]
                            }
                          ]
                        },
                        {
                          'barrier': 3,
                          'length': 34,
                          'items': [
                            {
                              'ring': 1,
                              'data': [
                                7
                              ]
                            },
                            {
                              'ring': 2,
                              'data': [
                                6
                              ]
                            }
                          ]
                        }
                      ]
                    }
                  ]
                }
              }
            ]
          }
        ]
      }
    }
  },
  components: {
  },
  methods: {
    getSaveParam () {
      console.log('getPatternConfig')
      let res = this.$refs.patternConfig.getPatternConfig()
      console.log(res)
      console.log(JSON.stringify(res))
      return res
    },
    setPropsToken (token) {
      // 获取组件外传入的token，便于独立组件调用接口
      if (token && token !== '') {
        setToken(token)
      }
    }
  },
  created () {
    // this.setDialogWidth()
  },
  mounted () {
    // let _this = this
    // setTimeout(function () {
    //   alert('Hello')
    //   // _this.agentId = 'scats1'
    //   _this.agentids = ['gjnlahql', 'gjnlgjxl']
    // }, 5 * 1000)
    this.setPropsToken(this.Token)
    window.onresize = () => {
      return (() => {
        // this.setDialogWidth()
      })()
    }
  },
  destroyed () {
  }
}
</script>
<style lang='scss'>
.layout-container {
  width: 800PX;
}
.layout-container1 {
  width: 242PX;
  height: 176PX;
  border: 1PX solid green;
}
.layout-container2 {
  /* height: 600px; */
  width: 1020px;
  // height: 620px;
  height: 570px;
  border: 1PX solid yellow;
  position: relative;
}
.abow_dialog {
    display: flex;
    justify-content: center;
    align-items: Center;
    overflow: hidden;
    .el-dialog {
        margin: 0 auto !important;
        height: 90%;
        overflow: hidden;
        .el-dialog__body {
            position: absolute;
            left: 0;
            top: 54px;
            bottom: 0;
            right: 0;
            padding: 0;
            z-index: 1;
            overflow-y: auto;
            overflow-x: auto;
        }
    }
}
</style>
